/* pages/mine/address/address.wxss */
.contant {
  .scroll-view {
    height: 85vh;

    //地址样式
    .address_view {
      margin: 10rpx;
      padding: 10rpx;
      font-size: 30rpx;

      .address_ls {
        margin-bottom: 150rpx;

        .movable-area {
          width: 100vw;

          .movable-view {
            width: 120vw;
            display: flex;

            .list {
              width: 100vw;
              /* 添加阴影以创建 "card" 效果 */
              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
              transition: 0.3s;
              padding: 5rpx;
              display: flex;
              justify-content: space-between;
              align-items: center;
              height: 220rpx;
              .address_vi_left {
                .address_vi_user {
                  display: flex;
                  justify-content: left;
                  padding-left: 20rpx;

                  .address_vi_label {
                    margin-top: 20rpx;
                    background-color: #f28500;
                    width: 75rpx;
                    height: 38rpx;
                    text-align: center;
                    align-items: center;
                    font-size: 25rpx;
                    padding-top: 2rpx;
                  }

                  .address_vi_name {
                    margin: 20rpx;
                  }

                  .address_vi_phone {
                    margin: 20rpx;
                  }
                }

                .address_vi_address {
                  margin: 0rpx 0rpx 5rpx 20rpx;
                  padding: 12rpx;
                }
              }

              .address_vi_right {
                display: flex;
                justify-content: space-between;
                width: 130rpx;
                .address_edit_text {
                  opacity: 0.1;
                }

                .address_edit_button {
                  margin-right: 40rpx;
                }
              }
            }

            .delete {
              width: 20vw;
              background-color: red;
              color: white;
              display: flex;
              align-items: center;
              justify-content: center;
              height: 229rpx;
            }
          }
        }
      }
    }
  }

  //按钮样式
  .view-button {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;

    .button {
      width: 500rpx;
      height: 100rpx;
      margin-bottom: 40rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5%;
    }
  }
}
